import React, { createContext } from "react";

// import CounterHook from './01_初体验Hooks/03_counter-hook'
// import MultiHookState from "./02_useState使用/01_多个状态的使用";
// import ComplexHookState from './02_useState使用/02_复杂状态的修改'
// import ClassCounterTitleChange from "./03_useEffect使用/01_class实现title的修改"
// import HookCounterChangeTitle from "./03_useEffect使用/02_useEffect的hook实现title修改"
// import MultiEffectHookDemo from "./03_useEffect使用/04_多个effect一起使用";
// import ContextHookDemo from "./04_useContext使用/01_useContext使用";
// import Home from "./05_useReducer使用/Home";
// import Profile from "./05_useReducer使用/profile";
// import CallbackHookDemo01 from "./06_useCallbacl/01_useCallback不能进行的性能优化";

// import CallbackHookDemo02 from "./06_useCallbacl/02_useCallback进行的性能优化";

// import MemoHookDemo01 from "./07_useMemo使用/01_useMemo复杂计算的应用";
// import MemoHookDemo02 from "./07_useMemo使用/02_useMemo传入子组件引用类型";
import Todolist from "./todoList案例";


export const UserContext = createContext()
export const ThemeContext = createContext()

export default function App() {
  return (
    <div>
      {/* <CounterClass /> */}
      {/* <MultiHookState /> */}
      {/* <ComplexHookState /> */}
      {/* <ClassCounterTitleChange /> */}
      {/* <HookCounterChangeTitle /> */}
      {/* <MultiEffectHookDemo /> */}
      {/* <ContextHookDemo /> */}

      {/* 4.useContext */}
      {/* <UserContext.Provider value={{ name: 'zyt', age: 18 }}>
        <ThemeContext.Provider value={{ fontSize: '30px', color: 'red' }}>
          <ContextHookDemo />
        </ThemeContext.Provider>
      </UserContext.Provider> */}
      {/* <Home />
      <br />
      <Profile /> */}
      {/* <CallbackHookDemo01 /> */}

      {/* <CallbackHookDemo02 /> */}
      {/* <MemoHookDemo01 /> */}
      {/* <MemoHookDemo02 /> */}
      <Todolist />
    </div>
  )
}